<div>
<div fxLayout="row wrap" fxLayout.xs="column" >
    <div *ngFor="let item of routeParts" fxFlex="50">
      <mat-card>
        <mat-card-content>
          <div fxLayout="row" fxLayoutAlign="space-between center">
            <div>
              <button mat-icon-button (click)="goList(item)">
                <mat-icon aria-label="Example icon-button with a heart icon">{{item.data.icon}}</mat-icon>
              </button>
              <span><a class="text-click" (click)="goList(item)">{{item.data.title}}</a></span>
            </div>
            <div>
              <button mat-icon-button (click)="goAdd(item)" *ngIf="item.addPath">
                <mat-icon aria-label="Example icon-button with a heart icon">add_circle</mat-icon>
              </button>
            </div>
          </div>
        </mat-card-content>
      </mat-card>
    </div>
  </div>
  </div>